<template>
	<div class="transport-warp" style="margin-top: 0;">
		<div class="identity-type">
			<span>基本信息</span>
		</div>
		<div class="essen_list  transport_after transport_after2">
			<p>
				<span>车牌号</span>
				<input type="" name="" class="carNo" value="" />
			</p>
			<p>
				<span>司机姓名</span>
				<input type="" name="" class="driver" value="" />
			</p>
			<p>
				<span>司机电话</span>
				<input type="" name="" class="phone" value="" />
			</p>
			<p>
				<span>司机身份证</span>
				<input type="" name="" class="idCard" value="" />
			</p>
			<p>
				<span>装车时间</span>
				<input type="" name="" class="uploadTime" value="" />
			</p>
			<p class="time">
				<span>预计到达时间</span>
				<input type="" name="" class="planTime" value="" />
			</p>
			<p>
				<span>装车物料总量</span>
				<input type="" name="" class="weight" value="" disabled="disabled" style="border:0" /><em>吨</em>
			</p>
		</div>
		<!--物料列表-->
		<div class="identity-type">
			<span>物料列表</span>
			<i>添加装车物料</i>
		</div>
		<div class="material-list">
			<ul class="material_list transport-list">
				<!--<li>
						<p>
							<span>冰箱压缩机</span>
							<img src="../../img/right.png" />
						</p>
						<p>
							<span>物料重量</span>
							<b>556.34<em>吨</em></b>
						</p>
						<p>
							<span>订单编号</span>
							<b>HSGFHGKJH2017564654</b>
						</p>

					</li>-->
			</ul>
			<ol class="transport_photo_list">
				<form name="form1" id="form1">
					<li class="shooseimg li1" style="position: relative;">
						<input type="file" id="img1" class="upload_pic upload" />
						<canvas class="cvs" id="cvs1" width="100" height="100"></canvas>
						<img id="pic1" src="../../img/squarePhoto.png" />
						<span>车牌号</span>
					</li>
					<li class="shooseimg li2">
						<input type="file" id="img2" class="upload_pic upload" />
						<canvas class="cvs" id="cvs2" width="100" height="100"></canvas>
						<img id="pic2" src="../../img/squarePhoto.png" />
						<span>司机照片1</span>
					</li>
					<li class="shooseimg li3">
						<input type="file" id="img3" class="upload_pic upload" />
						<canvas class="cvs" id="cvs3" width="100" height="100"></canvas>
						<img id="pic3" src="../../img/squarePhoto.png" />
						<span>司机照片2</span>
					</li>
					<li class="shooseimg li4">
						<input type="file" id="img4" class="upload_pic upload" />
						<canvas class="cvs" id="cvs4" width="100" height="100"></canvas>
						<img id="pic4" src="../../img/squarePhoto.png" />
						<span>身份证正面</span>
					</li>
				</form>

			</ol>
			<p>磅单(可传多张)</p>
			<ol class="transport_photo_list">
				<form method="post" id="form2" action="##" enctype="multipart/form-data">
					<div class="weui-cell" style="padding: 0;">
						<div class="weui-cell__bd">
							<div class="weui-uploader__bd">
								<ul class="weui-uploader__files">

								</ul>
								<div class="weui-uploader__input-box">
									<input id="uploaderInput" name="file0" class="weui-uploader__input js_file" type="file" accept="image/*">
								</div>
							</div>
						</div>
					</div>
				</form>
			</ol>
			<div class="demos-content-padded">
				<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default default" style="float: left;background: #e5e5e5;">取消</a>
				<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_primary confirm" style="float: right;margin-top: 0;background: #28c81e;">确定</a>
			</div>
		</div>
		<div class="weui-gallery" style="display: none">
			<span class="weui-gallery__img"></span>
		</div>
	</div>
</template>

<script>
	export default {

	}
</script>

<style>
</style>
